<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>俱乐部详情页</title>
    <th:block th:include="fragments/header :: header"/>
    <script type="text/javascript" th:inline="none">
        $(function () {
            initDataGrid();
        });

        //初始化表格
        function initDataGrid() {
            $("#dgClubDetailList").datagrid({
                url: '/markt/club/clubDetail/'+$("#clubId").val(),
                idField:'id',
                columns:[[
                    {field: 'number', title: '号码', width: 80},
                    {field: 'name', title: '姓名', width: 80},
                    {field: 'nat', title: '国籍', width: 80},
                    {field: 'clubName', title: '俱乐部', width: 80},
                    {field: 'height', title: '身高', width: 80},
                    {field: 'internationalMatches', title: '比赛场次', width: 80},
                    {field: 'marketValue', title: '身价', width: 80}
                ]]
            });

            $("#dgTrophyList").datagrid({
                url: '/markt/trophy/listByClub/'+$("#clubId").val(),
                columns:[[
                    {field: 'name', title: '名称', width: 80},
                    {field: 'count', title: '数量', width: 80}
                ]]
            });
        }
    </script>

</head>
<body class="easyui-layout">

<div data-options="region:'center'" style="width: 100%">

    <table id="dgTrophyList">

    </table>

    <input type="hidden" id="clubId" name="clubId" th:value="${detailModel.clubId}"/>
    <table id="dgClubDetailList">

    </table>
</div>
</body>
</html>
